<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Testing the login</title>
	<script src="../scriptaculous/prototype.js" type="text/javascript"></script>

	<script src="../scriptaculous/prototip.js" type="text/javascript"> </script>
	<link rel="stylesheet" type="text/css" href="../style/prototip.css" />
	
	<script type="text/javascript" language="javascript">
            // Build you tooltip after the element you want to attach it too has been created.
            // Not on the element itself.
            // 
            // For example, this won't work correctly:
            // <a href='#' onmouseover='new Tip(this, "content")'>Tip 1</a>
            // 
            // So do it like I'm doing below. Another way is to use an onload event 
            // like the one you see in the header. I'm using it to load the others tooltips.

            new Tip('tip1', 'Simple tooltip');
            </script>
	
	
	<script type="text/javascript" language="javascript"><!--
	//<![CDATA[//>
		//init stuff:		
		function init() {	
			var tip = new Tip("tagButtonID2", 'Hallo');
			alert(tip.content + " - " + tip.element);
		}
	//<!]]>
	</script>
</head>
<body onload="init()">
<h1>Login Test</h1>

 	<%@ include file="../jsp-includes/login.jsp" %>
 	
 	<span><a id="tagButtonID2" href="http://www.google.de"  onfocus="if(this.blur)this.blur()">visit group</a></span>
 	<span><a href='javascript:;' id='tip1'>Tip 1 : simple</a></span>
</body>
</html>